<div md-subheader class="header-container">
  <div>
    <h3>
      {{header}}
    </h3>
  </div>
  <div class="fill">
    <button md-button (click)="newTask()" type="button">
      <md-icon>add_circle_outline</md-icon>
      <span>新任务</span>
    </button>
  </div>
  <div>
    <button md-icon-button [matMenuTriggerFor]="menu">
      <md-icon>keyboard_arrow_down</md-icon>
    </button>
  </div>

  <md-menu #menu="mdMenu" >
    <button md-menu-item (click)="onEditTaskName()">
      <md-icon>edit</md-icon>
      <span>修改列表名称</span>
    </button>
    <button md-menu-item (click)="onMoveAllClick()">
      <md-icon [svgIcon]="'move'" class="material-icon"></md-icon>
      <span>移动列表所有内容</span>
    </button>
    <button md-menu-item (click)="onDelClick()">
      <md-icon>delete_forever</md-icon>
      <span>删除列表</span>
    </button>
  </md-menu>
</div>
